<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>分类详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../../assets/css/amazeui.min.css?v=2.9">
    <link rel="stylesheet" href="../../assets/css/style.css?v=2.3">
    <link rel="stylesheet" href="../../assets/css/index.css?v=2.3">
</head>
<body class="">
<header data-am-widget="header" class="am-header am-header-default am-header-fixed">

    <div class="am-header-left am-header-nav">
        <a onclick="history.go(-1)">  <i class="icon_8"></i>
        </a>
    </div>
    <h1 class="am-header-title" onclick="$('#my-popup').modal('open')">
        <span class="prelative"><span id="span_title">学业倦怠</span><i class="icon_61"></i></span>
    </h1>

    <div class="am-header-right am-header-nav">

    </div>
</header>
<section class="" id="amz-main" data-tag="css-nav">
    <!--banner开始-->
    <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{}'>
        <ul class="am-slides">
            <li onclick="window.location.href='047.html'">
                <img src="../../assets/images/upload/banner.png">
            </li>
            <li onclick="window.location.href='047.html'">
                <img src="../../assets/images/upload/banner.png">
            </li>
            <li onclick="window.location.href='047.html'">
                <img src="../../assets/images/upload/banner.png">
            </li>
        </ul>
    </div>


    <div class="icon_26 am-text-center font-color-12 am-margin-top-sm">
        解决方案
    </div>
    <div class="am-container font-color-15 am-padding-top-xs font-14">
        目击者应如何消除心理阴影？“电梯吃人”事件后，目击者应如何消除心理阴影？“电梯吃人”事件后，目击者应如何消除目击者应如何消除心理阴影？“电梯吃人”事件后，目击者应如何消除心理阴影？“电梯吃人”事件后，目击者应如何消除
    </div>

</section>
<footer data-am-widget="navbar" class="am-navbar am-cf am-navbar-default " id="">
    <div class="am-g   am-g-collapse  font-color-11">
        <div class="am-u-sm-4 font-color-1  " id="shouchang">
           <div class="font-color-15 am-text-center border-right font-14 btn-6" ><span class="prelative"><i class="icon_58"></i>在线评估</span></div>
        </div>
        <div class="am-u-sm-4  ">
            <div class="font-color-15 am-text-center border-right font-14 btn-6" ><span class="prelative"><i class="icon_59"></i>专家咨询</span></div>
        </div>
        <div class="am-u-sm-4 " id="btnmark">
            <div class="font-color-15 am-text-center border-right font-14 btn-6" ><span class="prelative"><i class="icon_60"></i>集训营</span></div>
        </div>
    </div>
</footer>


<!--选择分类-->
<div class="am-popup" id="my-popup">
    <div class="am-popup-inner">

        <header data-am-widget="header" class="am-header am-header-default am-header-fixed ">
            <div class="am-header-left am-header-nav">
                <a class="" data-am-modal-close>
                    <i class="icon_8"></i>
                </a>
            </div>
            <h1 class="am-header-title">
                选择问题分类
            </h1>

        </header>

        <section class="" data-tag="css-nav">
            <div class="filter-container">
                <ul class="list-group" >
                    <li class="fis-filter-item letter"><a>当前问题分类</a></li>
                    <li class="fis-filter-item " ><a>学业倦怠</a></li>
                    <li class="fis-filter-item letter"><a>选择其他问题分类</a> </li>
                </ul>
                <ul class="list-group" data-node="question-type">
                    <li class="fis-filter-item " data-am-modal-close><a>亲子关系</a> <i></i></li>
                    <li class="fis-filter-item " data-am-modal-close><a>教育理念</a> </li>
                    <li class="fis-filter-item " data-am-modal-close><a>学习习惯</a> <i></i></li>
                    <li class="fis-filter-item " data-am-modal-close><a>人际关系</a> <i></i></li>
                    <li class="fis-filter-item " data-am-modal-close><a>沉迷网络</a> <i></i></li>
                    <li class="fis-filter-item " data-am-modal-close><a>情绪管理</a> <i></i></li>
                    <li class="fis-filter-item selected" data-am-modal-close><a>自控能力</a> <i></i></li>
                </ul>


            </div>


        </section>
    </div>
</div>

<script src="../../assets/js/jquery.min.js"></script>
<script src="../../assets/js/amazeui.min.js"></script>
<script>
    $(function () {
        // 选择分类
        $("[data-node='question-type']").find(" li").click(function () {
            $("[data-node='question-type']").find(" li").removeClass("selected");
            $(this).addClass("selected");
            $("#span_title").text($(this).text().substring(0, 4));
        });
    });
</script>
</body>
</html>